h2, h3, p, li, ul, img {
    padding: 0;
    margin: 0;
    border: 0;
}

html, body {
    height: 100%;
    width: 100%;
}

body {
    margin: 0;
    font-family: \5FAE\8EDF\6B63\9ED1\9AD4,\65B0\7D30\660E\9AD4, Arial, Helvetica, sans-serif;
    font-size: 62.5%;
}

.header_bg {
    height: 48px;
    width: 100%;
    background: white;
    z-index: 999;
}

.head_container {
    max-width: 1100px;
    margin: 0 auto;
}

.logo {
    margin: 5px 15px;
    float: left;
}

.navi {
    float: left;
    list-style: none;
    height: 48px;
    line-height: 48px;
    margin: 0;
    padding: 0;
    font-family: \5FAE\8EDF\6B63\9ED1\9AD4,\65B0\7D30\660E\9AD4, Arial, Helvetica, sans-serif;
    font-size: 8px;
    position: relative;
    font-family: Arial,新細明體;
}

    .navi li {
        float: left;
        font-family: Arial,新細明體;
    }

        .navi li a {
            color: #505050;
            font-size: 14.5px;
            text-decoration: none;
            display: block;
            height: 48px;
            padding: 0 10px;
            font-family: Arial,新細明體;
        }

.selected {
    background: #004071;
    color: white;
}

.navi .selected a {
    color: white;
}

.navi li a:hover {
    color: white;
    background: #004071;
}

.navi li a img {
    margin: 19px 8px 0 0;
}

.navi li .lan {
    background: url(../images/lan_icon.png) no-repeat 77px 18px;
    padding-right: 20px;
}

    .navi li .lan:hover {
        background: #004071 url(../images/lan_icon_2.png) no-repeat 77px 18px;
        padding-right: 20px;
    }


.container {
    text-align: center;
}

.lan_block {
    width: 92px;
    background: #fff;
    position: absolute;
    right: 0px;
    top: 48px;
    display: none;
    z-index: 999;
    font-family: Arial,新細明體;
}

    .lan_block a {
        width: 92px;
        height: 30px;
        display: block;
        line-height: 30px;
        text-align: center;
        font-size: 1.6em;
        color: #242424;
        text-decoration: none;
        font-family: Arial,新細明體;
    }

        .lan_block a:hover {
            color: white;
            background: #004071;
        }



.lan2_block {
    width: 117px;
    background: #fff;
    position: absolute;
    right: 705px;
    font-size: 1.2em;
    top: 48px;
    display: none;
    /*z-index:999;*/
    z-index: 10000;
    font-family: Arial,新細明體;
}

    .lan2_block a {
        width: 117px;
        height: 30px;
        display: block;
        line-height: 30px;
        text-align: center;
        font-size: 1.6em;
        color: #242424;
        text-decoration: none;
        font-family: Arial,新細明體;
        border-width: 1px;
        border-color: #004071;
        border-style: solid;
    }

        .lan2_block a:hover {
            color: white;
            background: #004071;
        }


.lan3_block {
    width: 93px;
    background: #fff;
    position: absolute;
    right: 270px;
    font-size: 1.2em;
    top: 48px;
    display: none;
    z-index: 999;
    font-family: Arial,新細明體;
}

    .lan3_block a {
        width: 93px;
        height: 30px;
        display: block;
        line-height: 30px;
        text-align: center;
        font-size: 1.6em;
        color: #242424;
        text-decoration: none;
        font-family: Arial,新細明體;
        border-width: 1px;
        border-color: #004071;
        border-style: solid;
    }

        .lan3_block a:hover {
            color: white;
            background: #004071;
        }

.pro_block {
    width: 140px;
    background: #fff;
    position: absolute;
    right: 800px;
    top: 48px;
    display: none;
    /*z-index:999;*/
    z-index: 10000;
    font-family: Arial,新細明體;
}

    .pro_block a {
        width: 140px;
        height: 30px;
        display: block;
        line-height: 30px;
        text-align: center;
        font-size: 2em;
        color: #242424;
        text-decoration: none;
        font-family: Arial,新細明體;
        border-width: 1px;
        border-color: #004071;
        border-style: solid;
    }

        .pro_block a:hover {
            color: white;
            background: #004071;
        }

/*-------HOME--------*/

.roller_navi {
    height: 60px;
    width: 100%;
    position: absolute;
    left: 138px;
    top: 483px;
}

.roller_navi2 {
    height: 60px;
    width: 100%;
    position: absolute;
    left: 138px;
    top: 697px;
}

.roller_btn_hover {
    position: absolute;
    /*  width:200px;
    height:108px;*/
    width: 240px;
    height: 129px;
    background-image: url(../images/lower_navi_bg.png);
    top: 6px;
    left: 6px;
    display: none;
}

.plus {
    float: left;
    /*    width:40px;
    height:40px;*/
    width: 48px;
    height: 48px;
    margin: 30px 0 0 85px;
}

.plus_text {
    float: left;
    width: 236px;
    text-align: center;
    color: white;
    font-weight: bold;
    font-size: 1.5em;
    margin-left: -14px;
    margin-top: 12px;
    font-family: Arial,新細明體;
}

.slo_main {
    font-size: 36px;
    color: #252525;
    padding: 0;
    margin: 15px 0 0 0;
}

.slo_sec {
    font-size: 14px;
    color: #5f5f5f;
    margin: 0 0 10px 0;
}

.roller_btn {
    width: 245px;
    /*    margin-left:-20px ;*/
    margin-left: 4%;
    color: white;
    text-decoration: none;
    display: block;
    float: left;
    position: relative;
}

.roller_container {
    width: 1200px;
    margin: auto 0;
    position: absolute;
    left: 41.5%;
    margin-left: -570px;
}

.home_pro_pic {
    /*    height: 132px;
    width: 215px;*/
    height: 158px;
    width: 258px;
    background: url(../images/box_bg.png) no-repeat;
    background-size: 117%;
    float: left;
    margin-left: -500px;
}

    .home_pro_pic img {
        /*	width:auto;
	height: 115px;*/
        width: auto;
        height: 138px;
        margin: 5px auto 0;
    }


.home_pro_pic1 {
    /*    height: 132px;
    width: 215px;*/
    height: 158px;
    width: 258px;
    background: url(../images/box_bg.png) no-repeat;
    background-size: 117%;
    float: left;
}

    .home_pro_pic1 img {
        width: auto;
        /*	height: 115px;*/
        height: 138px;
        margin: 9px 0 0 -5px;
    }





.home_pro_pic2 {
    /*    height: 132px;
    width: 215px;*/
    height: 158px;
    width: 258px;
    background: url(../images/box_bg.png) no-repeat;
    background-size: 117%;
    float: left;
}

.home_pro_pic2 img {
        /*	width:120px;
	height: 115px;*/
        width: auto;
        height: 138px;
        margin: 6px 0 0 10px;
    }


.home_pro_pic3 {
    /*    height: 132px;
    width: 215px;*/
    height: 158px;
    width: 258px;
    background: url(../images/box_bg.png) no-repeat;
    background-size: 117%;
    float: left;
}

.home_pro_pic3 img {
        width: auto;
        /*	height: 115px;*/
        height: 138px;
        margin: 5px 0 0 -15px;
    }

.home_pro_pic4 {
    /*    height: 132px;
    width: 215px;*/
    height: 158px;
    width: 258px;
    background: url(../images/box_bg.png) no-repeat;
    background-size: 117%;
    float: left;
}

.home_pro_pic4 img {
        /*        width: 161px;
        height: auto;*/
        width: auto;
        height: 138px;
        margin: 20px 0 0 5px;
    }



.home_pro_pic5 {
    /*    height: 132px;
    width: 215px;*/
    height: 158px;
    width: 258px;
    background: url(../images/box_bg.png) no-repeat;
    background-size: 117%;
    float: left;
}

.home_pro_pic5 img {
        /*        width: auto;
        height: 113px;*/
        width: auto;
        height: 138px;
        margin: 5px 0 0 0px;
    }






.home_pro_title_gr {
    /*    width: 238px;
    width: 238px;
    height: 30px;*/
    /*    width: 215px;
    height: 30px;*/
    width: 258px;
    height: 36px;
    float: left;
    margin: -15px 0 0 64px;
    font-family: Arial,新細明體;
}

.home_pro_title_gr1 {
    /*    width: 215px;
    height: 30px;*/
    width: 258px;
    height: 36px;
    float: left;
    margin: -23px 0 0 0px;
    font-family: Arial,新細明體;
}


.home_pro_title_gr2 {
    /*    width: 215px;
    height: 30px;*/
    width: 258px;
    height: 36px;
    float: left;
    margin: -23px 0 0 0px;
    font-family: Arial,新細明體;
}

.home_pro_title_gr3 {
    /*    width: 215px;
    height: 30px;*/
    width: 258px;
    height: 36px;
    float: left;
    margin: -23px 0 0 0px;
    font-family: Arial,新細明體;
}

.home_pro_title {
    font-size: 1.5em;
    text-align: center;
    color: #white;
    font-family: Arial,新細明體;
    background: #004071;
}

.home_pro_name {
    text-align: left;
    font-size: 14px;
    margin: 0px 0 0 0;
    padding-right: 30px;
    background: url(../images/more_arrow.png) top right no-repeat;
    float: left;
}


.EDGE-49171075 {
    margin: 20px auto;
    width: 1024px;
}

.bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -99;
    background: url(../images/bbg3.jpg) top right no-repeat;
}

.bg2 {
    background: url(../images/bbg2.jpg) top left no-repeat;
    width: 100%;
    height: 100%;
}

.bg3 {
    position: fixed;
    top: 0;
    left: 0;
    z-index: -99;
    background: #e8e8e8 url(../images/bbg.jpg) bottom no-repeat;
    width: 100%;
    height: 100%;
}

/*-------------about--------------*/
.about_upper {
    background: url(../images/about_bg.png) center no-repeat;
    width: 100%;
    height: 300px;
    position: absolute;
    top: 0;
    z-index: -99;
    text-align: center;
}

#warpper {
    height: 100%;
    width: 100%;
    position: relative;
}

.play {
    display: block;
    width: 200px;
    height: 40px;
    line-height: 40px;
    opacity: 1;
    background: #004071;
    margin: 15px auto 5px;
    color: white;
    text-decoration: none;
    font-weight: bold;
    font-size: 14px;
    cursor: pointer;
    font-family: Arial,新細明體;
}

.vedio {
    margin-top: 50px;
    left: 50%;
    margin-left: -423px;
    position: absolute;
}

.about_player_bg {
    position: absolute;
    background: url(../images/sup_bg_texture2.png);
    top: 48px;
    width: 100%;
    height: 100%;
    z-index: 99;
    display: none;
}


.about_navi {
    height: 48px;
    background: #004071;
    width: 100%;
    line-height: 48px;
    font-size: 15px;
    margin: 0;
    overflow: hidden;
    font-family: Arial,新細明體;
}

.about_navi_align {
    width: 655px;
    margin: 0 auto;
}

.exi_navi_align {
    width: 300px;
    margin: 0 auto;
    font-family: Arial,新細明體;
}

.about_navi a {
    color: white;
    text-decoration: none;
    display: block;
    padding: 0 0px;
    float: left;
    text-align: center;
    margin: 0 0 0 35px;
}

    .about_navi a:hover {
        background: #fff;
        color: black;
    }

.about_navi .ab_selected {
    background: #002f52;
    color: white;
}

    .about_navi .ab_selected:hover {
        background: #002f52;
        color: white;
    }

.content {
    text-align: center;
    width: 100%;
    height: 100%;
    float: left;
    min-height: 720px;
    z-index: -5;
    font-family: Arial,新細明體;
}

.ab_cn_bg {
    margin-bottom: 20px;
    background: url(../images/about01.jpg) no-repeat;
    background-size: cover;
    width: 711px;
    height: 222px;
}


.ab_mani_bg {
    position: fixed;
    top: 0;
    left: 0;
    z-index: -98;
    background: url(../images/mani_bg.jpg) no-repeat 0 96px;
    ;
    background-size: 100% auto;
    width: 100%;
    height: 641px;
}

.cn3_bg {
    position: fixed;
    top: 0;
    left: 0;
    z-index: -98;
    background: #e8e8e8 url(../images/q_bg.jpg)no-repeat 0 96px;
    background-size: 100% auto;
    width: 100%;
    height: 600px;
}

.about_text {
    background: white;
    width: 711px;
    margin: 20px auto 10px;
    padding: 20px 20px;
    box-shadow: 0 0 25px rgba(0,0,0,0.3);
}

.content2_text {
    background: white;
    width: 650px;
    margin: 60px auto 10px;
    padding: 20px 20px;
    overflow: auto;
    font-family: Arial,新細明體;
}



.cn3_text {
    color: white;
    width: 650px;
    margin: 40px auto 10px;
    padding: 20px 20px;
    background: #464646;
}

.content3 h2, .content3 h3 {
    font-size: 24px;
    margin: 0 10px;
    color: #05c6fe;
}


.content h2, .content3 h2 {
    font-size: 24px;
    margin: 0 10px;
}

.content3 h3 {
    font-size: 18px;
}

.content3 {
    text-align: center;
}

.content2 h2 {
    font-size: 14px;
    text-align: center;
}

.content2 p {
    font-size: 12px;
    text-align: justify;
    line-height: 24px;
    padding: 5px 0 15px;
}

.content2_title {
    font-size: 24px;
    font-weight: bold;
    padding: 0 0 15px 0;
    text-align: center;
}

.content p, .content3 p {
    width: 600px;
    font-size: 12px;
    margin: 0 auto;
    line-height: 20px;
    text-align: justify;
}


.pic_group {
    padding: 10px 0 0 0;
    margin: 0 auto;
    width: 690px;
    background: #fff;
    height: 100px;
    position: relative;
    box-shadow: 0 0 25px rgba(0,0,0,0.3);
}

    .pic_group a {
        display: block;
        float: left;
        margin: 0 6px;
        width: 160px;
        height: auto;
    }

        .pic_group a img {
            width: 160px;
            height: auto;
        }

    .pic_group .small_next {
        position: absolute;
        width: 40px;
        height: 40px;
        top: 30px;
        left: 690px;
        background: url(../images/small_next.png);
        display: block;
        padding: 0;
        margin: 0;
    }

    .pic_group .small_pre {
        position: absolute;
        top: 30px;
        left: -40px;
        background: url(../images/small_pre.png);
        width: 40px;
        height: 40px;
        display: block;
        padding: 0;
        margin: 0;
    }

        .pic_group .small_next:hover, .pic_group .small_pre:hover {
            opacity: 0.5
        }

/*---------------
about feature
---------------*/
.content4 {
    width: 1000px;
    margin: 0 auto;
    position: relative;
    margin: 0 0 0 28px;
}

.fe_navi_con {
    float: left;
    position: absolute;
    top: 20px;
    left: 11px;
    height: 40px;
}



.fe_navi {
    width: 135px;
    height: 40px;
    display: block;
    line-height: 40px;
    text-align: center;
    text-decoration: none;
    font-family: Arial,新細明體;
    font-size: 2em;
    color: black;
    float: left;
    background: #fff;
    margin-left: 2px;
    font-weight: bold;
    font-family: Arial,新細明體;
}

    .fe_navi:hover {
        background: black;
        color: white;
    }

.fe_selected {
    background: black;
    color: white;
}

.fe_box {
    width: 1000px;
    margin-top: 80px;
    float: left;
}

.fe_text_con {
    width: 410px;
    float: left;
}

.fe_text {
    width: 410px;
    font-size: 18px;
    font-family: Arial,新細明體;
    color: black;
    float: left;
    text-align: left;
    margin-bottom: 15px;
    margin-left: 10px;
    line-height: 22px;
}

.fe_img {
    width: 535px;
    height: 425px;
    float: right;
    margin-top: -30px;
}

.fe_img2 {
    width: 535px;
    height: 425px;
    float: right;
    margin-top: -55px;
}


.fe_img3 {
    width: 535px;
    height: 425px;
    float: right;
    margin-top: 10px;
}



#fe02, #fe03 {
    display: none;
}

/*---------------
about manufacture
---------------*/

.content2 {
}


.mani {
    padding-top: 20px;
    width: 800px;
    height: 314px;
    margin: 0 auto;
}


    .mani h2 {
        font-size: 30px;
        color: black;
        padding: 70px 0 5px 0;
    }

    .mani p {
        font-size: 12px;
        line-height: 21px;
        color: #505050;
        padding: 0;
        width: 450px;
    }

.mani01 {
    background: url(../images/mani01.jpg) top left no-repeat;
    height: 314px;
    padding-left: 314px;
}

.mani02 {
    background: url(../images/mani02.jpg) top left no-repeat;
    height: 314px;
    padding-left: 314px;
    display: none;
}

.mani03 {
    background: url(../images/mani03.jpg) top left no-repeat;
    height: 314px;
    padding-left: 314px;
    display: none;
}

.mani04 {
    background: url(../images/mani04.jpg) top left no-repeat;
    height: 314px;
    padding-left: 314px;
    display: none;
}

.mani05 {
    background: url(../images/mani05.jpg) top left no-repeat;
    height: 314px;
    padding-left: 314px;
    display: none;
}

.mani06 {
    background: url(../images/mani06.jpg) top left no-repeat;
    height: 314px;
    padding-left: 314px;
    display: none;
}

.mani07 {
    background: url(../images/mani07.jpg) top left no-repeat;
    height: 314px;
    padding-left: 314px;
    display: none;
}


.pager {
    position: relative;
    height: 60px;
    width: 460px;
    margin: 10px auto;
    position: relative;
}

.pager_line {
    height: 3px;
    width: 360px;
    background: #b22e2e;
    margin: 28px 50px;
    float: left;
}

.pager_btn {
    position: absolute;
    height: 60px;
    top: 0;
    display: block;
    z-index: 99;
    left: 20px;
}

    .pager_btn li {
        height: 20px;
        width: 20px;
        display: block;
        border-radius: 60px;
        float: left;
        margin: 20px;
        box-shadow: 0 0 5px rgba(0,0,0,0.5);
        background: white;
        cursor: pointer;
    }

.select {
    height: 37px;
    width: 37px;
    border: 3px solid #b22e2e;
    margin: 10px;
}



/*----------
about  worldwide
----------*/

.content5 {
    text-align: left;
    width: 100%;
    height: 100%;
    background: #fff;
    position: relative;
}

.long_title {
    height: 15px;
    border-bottom: 1px solid #e8e8e8;
    float: left;
    font-size: 14px;
    color: #242424;
    width: 960px;
    text-align: center;
    margin-top: 30px;
    font-weight: bold;
}

.world_map {
    width: 1024px;
    height: 556px;
    position: relative;
    margin: 0 auto;
    background: url(../images/map.jpg) no-repeat 0 46px;
    font-size: 12px;
    padding-top: 46px;
    font-family: Arial,新細明體;
}

.loc_board_single {
    width: 340px;
    margin: 150px auto 0;
    position: relative;
}

.loc_board_double {
    width: 650px;
    margin: 150px auto 0;
    position: relative;
}

.loc_tw {
    width: 960px;
    margin: 150px auto 0;
    position: relative;
    font-family: Arial,新細明體;
}

.loc_china {
    width: 960px;
    margin: 20px auto 0;
    position: relative;
    font-family: Arial,新細明體;
}

.loc_Europe {
    width: 960px;
    margin: 20px auto 0;
    position: relative;
    font-family: Arial,新細明體;
}

.loc_tw_mtop {
    margin-top: 42px;
}

.loc_china_mbt {
    margin-bottom: 10px;
}

.loc_board_Europe {
    height: 290px;
}

.loc_board {
    width: 300px;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    font-family: Arial,新細明體;
}

.loc_china .loc_info_tw {
    height: 200px;
    padding: 10px;
    float: left;
    background: white;
    width: 280px;
    font-family: Arial,新細明體;
}

.close {
    cursor: pointer;
    width: 40px;
    height: 0px;
    position: absolute;
    top: 0px;
    right: -42px;
    background: #fff url(../images/cross.png) no-repeat 10px 10px;
}




    .close:hover {
        background: #000 url(../images/cross_w.png) no-repeat 12px 12px;
    }





.loc_logo {
    background: white;
    height: 30px;
    padding: 5px 5px;
    float: left;
    width: 330px;
    margin-bottom: 2px;
}

.loc_logo_tw {
    background: white;
    height: 30px;
    padding: 5px 5px;
    float: left;
    width: 290px;
    margin-bottom: 2px;
}

    .loc_logo img, .loc_logo_tw img {
        height: 30px;
        width: auto;
        float: left;
        border: none;
    }

.loc_info {
    padding: 10px;
    float: left;
    background: white;
    width: 320px;
    font-family: Arial,新細明體;
}

.loc_info_tw {
    padding: 10px;
    float: left;
    background: white;
    width: 280px;
    font-family: Arial,新細明體;
}

.co_title {
    font-family: Arial,新細明體;
    font-size: 2em;
    float: left;
    text-align: left;
    padding: 5px 0;
    text-transform: uppercase;
    font-weight: bold;
}

.co_title2 {
    font-family: Arial,新細明體;
    font-size: 1.6em;
    float: left;
    text-align: left;
    padding: 5px 0;
    text-transform: uppercase;
    font-weight: bold;
}

.loc_row {
    width: 320px;
    float: left;
    margin-bottom: 5px;
    font-family: Arial,新細明體;
}

.loc_row_tw {
    width: 280px;
    float: left;
    margin-bottom: 5px;
    font-family: Arial,新細明體;
}

.loc_head {
    width: 65px;
    font-family: Arial,新細明體;
    font-size: 1.4em;
    height: 20px;
    float: left;
    padding-left: 20px;
}

.loc_phone {
    background: url(../images/world_phone.png) no-repeat 0 2px;
}

.loc_fax {
    background: url(../images/world_fax.png) no-repeat 0 2px;
}

.loc_add {
    background: url(../images/world_loc.png) no-repeat 0 2px;
}

.loc_email {
    background: url(../images/world_email.png) no-repeat 0 2px;
}

.loc_web {
    background: url(../images/world_wb.png) no-repeat 0 2px;
}

.loc_content {
    width: 205px;
    font-size: 14px;
    float: left;
    font-family: Arial,新細明體;
    margin: 1px 0 0 0;
}



.loc_content_tw {
    width: 195px;
    font-size: 14px;
    float: left;
    font-family: Arial,新細明體;
    margin: -1px 0 0 0;
}

.loc_content_2 {
    width: 195px;
    font-size: 8px;
    height: 10px;
    float: left;
    font-family: Arial,新細明體;
}

.loc_content_3 {
    width: 235px;
    font-size: 14px;
    float: left;
    font-family: Arial,新細明體;
    margin: -1.5px 0 0 0;
}

.map_pin {
    background: url(../images/map_pin.png) no-repeat top left;
    position: absolute;
    padding-left: 24px;
    width: 0;
    height: 31px;
    cursor: pointer;
    overflow: hidden;
}

    .map_pin p {
        display: block;
        height: 20px;
        line-height: 24px;
        font-family: Arial,新細明體;
        font-size: 1.5em;
        text-align: left;
        padding-left: 10px;
        color: #01223b;
        text-transform: uppercase;
    }

.loc {
    width: 100%;
    height: 400%;
    position: absolute;
    background: url(../images/sup_bg_texture2.png);
    z-index: 100;
    display: none;
}

#loc_01, #loc_02, #loc_03, #loc_04, #loc_05, #loc_06, #loc_07, #loc_08, #loc_09, #loc_10, #loc_11, #loc_12, #loc_13, #loc_14, #loc_15, #loc_16, #loc_17, #loc_18, #loc_19, #loc_20, #loc_21, #loc_22, #loc_23, #loc_24, #loc_25, #loc_26 {
    display: none;
}

.m_p01 {
    left: 280px;
    top: 190px;
}

.m_p02 {
    left: 365px;
    top: 400px;
}


.m_p03 {
    left: 483px;
    top: 183px;
}


.m_p04 {
    left: 488px;
    top: 151px;
}


.m_p05 {
    left: 514px;
    top: 165px;
}


.m_p06 {
    left: 514px;
    top: 175px;
}


.m_p07 {
    left: 542px;
    top: 106px;
}


.m_p08 {
    left: 544px;
    top: 142px;
}


.m_p09 {
    left: 597px;
    top: 188px;
    height: auto;
}


.m_p10 {
    left: 659px;
    top: 218px;
}


.m_p11 {
    left: 710px;
    top: 250px;
}


.m_p12 {
    left: 800px;
    top: 325px;
}


.m_p13 {
    left: 790px;
    top: 272px;
}


.m_p14 {
    left: 787px;
    top: 300px;
}


.m_p15 {
    left: 815px;
    top: 219px;
}


.m_p16 {
    left: 814px;
    top: 350px;
}


.m_p17 {
    left: 843px;
    top: 240px;
}


.m_p18 {
    left: 860px;
    top: 195px;
}

.m_p19 {
    left: 890px;
    top: 200px;
}

.m_p20 {
    left: 910px;
    top: 452px;
}

.m_p21 {
    left: 544px;
    top: 171px;
}

.m_p22 {
    left: 600px;
    top: 150px;
}

.m_p23 {
    left: 501px;
    top: 118px;
}

.m_p24 {
    left: 655px;
    top: 250px;
}

.m_p25 {
    left: 817px;
    top: 279px;
}

.m_p26 {
    left: 566px;
    top: 425px;
}


/*-----------SUPPORT----------------*/


.sup {
    background: url(../images/test.gif) #f1f1f1;
    height: 100%;
    width: 100%;
}

.dt_main {
    margin: 0 auto 0;
    display: block;
}

.dt_section {
    width: 100%;
    height: 190px;
    background: white;
    border-top: 4px solid #004071;
    position: absolute;
    text-align: left;
    line-height: 24px;
    font-weight: bold;
    color: #14619c;
}



.dt_title {
    font-size: 2.5em;
    width: 100%;
    padding: 0;
    margin: 0 0 0 0;
    text-align: center;
    font-family: "arial black";
    position: absolute;
    top: 40px;
    left: 0;
}

.dt01_block {
    width: 512px;
    float: left;
    padding-top: 30px;
    display: block;
    font-size: 16px;
    font-family: Arial,新細明體;
}

.dt01_pic {
    margin: 70px 68px 0;
}




.dt_btn {
    width: 169px;
    height: 63px;
    float: left;
    display: block;
    margin: 20px 142px;
    color: white;
    font-size: 1.3em;
    background: url(../images/custom_btn.png);
    text-decoration: none;
    font-family: "arial";
    font-weight: bold;
    line-height: 60px;
    padding-left: 58px;
    cursor: pointer;
}




.sec_c {
    top: 380px;
}

.sec_b {
    top: 190px;
}

.steps {
    width: 50%;
    height: 100%;
    position: absolute;
    right: 0;
    background: url(../images/sup_bg_texture2.png);
    z-index: 5;
    overflow: 100%;
    display: none;
}

.steps02 {
    width: 50%;
    height: 100%;
    position: absolute;
    left: 0;
    background: url(../images/sup_bg_texture2.png);
    z-index: 5;
    overflow: 100%;
    display: none;
}

.step_num02 {
    position: absolute;
    width: 72px;
    height: 72px;
    right: -38px;
    top: 39px;
    border: 0;
}

.step_num {
    position: absolute;
    width: 72px;
    height: 72px;
    left: -38px;
    top: 39px;
    border: 0;
}

.btn_group {
    float: left;
    margin: 48px 0 0 75px;
}

.step_ds {
    font-size: 2em;
    font-weight: bold;
    color: black;
    margin: 20px 50px 0;
}

.select_move {
    margin: 20px 50px;
    float: left;
}


.sup_container {
    width: 1000px;
    margin: 0 auto;
    padding: 30px 0 0 0;
    font-size: 2em;
}


.sup_menu {
    width: 180px;
    margin: 25px 0 0 8px;
    float: left;
    font-family: Arial,新細明體;
    font-size: 2em;
}

    .sup_menu a {
        text-decoration: none;
        font-weight: bold;
        color: black;
        display: block;
        height: 30px;
        width: 200px;
        margin: 5px 0;
        line-height: 30px;
        padding: 0 0 0 15px;
        background: white;
        font-size: 20px;
        font-family: Arial,新細明體;
    }

        .sup_menu a:hover {
            color: white;
            background: #000;
            Rack_menuu

{
    width: 180px;
    margin: 25px 0 0 8px;
    float: left;
    font-family: Arial,新細明體;
    font-size: 2em;
}

Rack_menuu a {
    text-decoration: none;
    font-weight: bold;
    color: black;
    display: block;
    height: 30px;
    width: 200px;
    margin: 5px 0;
    line-height: 30px;
    padding: 0 0 0 15px;
    background: white;
    font-size: 20px;
    font-family: Arial,新細明體;
}

    Rack_menuu a:hover {
        color: white;
        background: #000;
    }

}

.sup_content {
    width: 750px;
    margin: 0 0 0 48px;
    float: left;
}

.sup_content_catalog {
    width: 860px;
    margin: 0 0 0 48px;
    float: left;
}

.sup_title {
    width: 700px;
    font-weight: bold;
    font-size: 18px;
    color: #242424;
    float: left;
    margin-bottom: 10px;
}


.find_block {
    float: left;
    height: 50px;
    border-bottom: 1px dashed #242424;
    width: 750px;
    margin-bottom: 20px;
}

.cad_type {
    margin: 15px 0;
}

.cad_find {
    float: right;
    width: 80px;
    height: 35px;
    background: #242424;
    border: 1px solid #000;
    color: white;
    border-radius: 3px;
    cursor: pointer;
    box-shadow: 0 1px 3px rgba(0,0,0,0.5);
}

    .cad_find:hover {
        background: #2c2b2b;
        box-shadow: none;
    }

.cad_pick {
    /**display:none;**/
    float: left;
}

.cad_approve {
    /**display:none;**/
    float: left;
    width: 750px;
}


.cad_table {
    width: 700px;
    margin: 0 25px;
    float: left;
    border-collapse: collapse;
    background: #fff;
    box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    border: 0;
    border-radius: 3px;
    text-align: center;
}

    .cad_table tr {
        height: 35px;
    }

.cad_head {
    font-size: 14px;
    font-weight: bold;
}

.cad_foot {
    color: #c4c4c4;
}

.cad_dark_row {
    background: #e8e8e8;
}

.cad_table td {
    height: 35px;
}

.in_box {
    width: 750px;
}

.sm_row {
    width: 185px;
    float: left;
}

.sm_list {
    width: 185px;
    float: left;
}

    .sm_list a {
        color: #242424;
        text-decoration: none;
    }

        .sm_list a:hover {
            text-decoration: underline;
        }

    .sm_list dt {
        width: 185px;
        font-size: 14px;
        font-weight: bold;
        text-decoration: underline;
    }

    .sm_list dd {
        width: 165px;
        font-size: 12px;
        margin-left: 20px;
        line-height: 18px;
    }

/*---------------------------DESIGNTOOL-------------------------------*/

.dt_container {
    width: 1024px;
    height: 100%;
    margin: 0 auto;
    position: relative;
}

.dt_menu1 {
    width: 240px;
    position: absolute;
    right: 20px;
    top: 25px;
}

.dt_menu2, .dt_menu3 {
    width: 240px;
    position: absolute;
    left: 20px;
    top: 25px;
}

.dt_menu3 {
    width: 300px;
    position: absolute;
    left: 100px;
    top: 50px;
}

.step_title {
    height: 30px;
    width: 65px;
    line-height: 30px;
    padding-left: 35px;
    background: #fff url(../images/gear.png) no-repeat 15px 7px;
    font-family: Arial,新細明體;
    font-size: 1.6em;
    margin-bottom: 2px;
}

.select_menu {
    width: 210px;
    padding: 15px 15px 10px;
    background: #fff;
    float: left;
    margin-bottom: 2px;
    position: relative;
}

.select_menu_r {
    width: 270px;
    padding: 15px 15px 10px;
    background: #fff;
    float: left;
    margin-bottom: 2px;
    position: relative;
}

.se_menu_title {
    font-family: Arial,新細明體;
    font-size: 1.6em;
    margin-bottom: 5px;
    display: block;
    float: left;
}

.se_row {
    height: 30px;
    width: 210px;
    margin: 5px 0;
    float: left;
}

.row_title {
    font-family: Arial,新細明體;
    font-size: 1.6em;
    margin-right: 5px;
    float: left;
    line-height: 30px;
    height: 30px;
}

#step2_box02 .row_title {
    width: 85px;
}

.dt_spec {
    width: 210px;
    padding: 15px 15px 10px;
    background: #000;
    float: left;
    margin-bottom: 2px;
}

.sp_row {
    height: 25px;
    width: 210px;
    float: left;
}

.se_radio {
    width: 270px;
    float: left;
    margin: 15px 0 30px;
}

.spec01_title {
    width: 90px;
    margin-right: 15px;
    color: white;
    float: left;
    font-weight: bold;
    font-size: 1.3em;
    height: 25px;
    line-height: 25px;
    float: left;
}

.spec01_content {
    width: 105px;
    color: white;
    float: left;
    font-weight: bold;
    font-size: 1.3em;
    height: 25px;
    line-height: 25px;
    float: left;
}

.spec02_title {
    width: 30px;
    margin-right: 5px;
    color: white;
    float: left;
    font-weight: bold;
    font-size: 1.3em;
    height: 25px;
    line-height: 25px;
    float: left;
}

.spec02_content {
    width: 170px;
    color: white;
    float: left;
    font-weight: bold;
    font-size: 1.3em;
    height: 25px;
    line-height: 25px;
    float: left;
}

.corner02 {
    width: 14px;
    height: 16px;
    position: absolute;
    right: -14px;
    top: 80%;
    background: url(../images/corner-left.png) no-repeat;
}

.corner01 {
    width: 14px;
    height: 16px;
    position: absolute;
    left: -14px;
    top: 80%;
    background: url(../images/corner-right.png) no-repeat;
}


.ne_btn {
    width: 100%;
    background: #000;
    border: none;
    float: left;
    color: white;
    height: 35px;
    margin: 2px;
    cursor: pointer;
}

    .ne_btn:hover, .dt_con_btn:hover {
        background: #363636;
    }

.dt_machine_pic {
    width: 341px;
    height: 263px;
    top: 150px;
    background: url(../images/dt_01.png) no-repeat;
    position: absolute;
    left: 50%;
    margin-left: -170px
}

.dt_tu_pic {
    width: 400px;
    height: 500px;
    top: 60px;
    background: url(../images/dt_02.png) no-repeat;
    position: absolute;
    left: 50%;
    margin-left: -100px
}

.dt_continue {
    width: 460px;
    position: absolute;
    top: 500px;
    left: 50%;
    margin-left: -230px;
}

.dt_con_btn {
    width: 170px;
    height: 40px;
    background: #000;
    color: white;
    font-size: 1.3em;
    font-weight: bold;
    margin: 0 30px;
    border: none;
    float: left;
    cursor: pointer;
}

.renew {
    width: 0;
    height: 30px;
    padding-left: 30px;
    background: #000000 url(../images/cross_w.png) no-repeat 7px 7px;
    display: block;
    text-decoration: none;
    color: white;
    overflow: hidden;
    float: left;
    display: none;
    line-height: 30px;
    font-weight: bold;
}

.dt_continue, #spec01, #spec02, .dt_menu2, #model, #next02, #step2_box02 {
    display: none;
}

.has-js .label_radio {
    padding-left: 30px;
}

.has-js .label_radio {
    background: url(../images/r_off.png) no-repeat 0 10px;
    width: 240px;
    float: left;
    height: 40px;
    font-size: 14px;
    line-height: 40px;
    cursor: pointer;
}

.has-js label.r_on {
    background: url(../images/r_on.png) no-repeat 0 10px;
}

.has-js .label_check input,
.has-js .label_radio input {
    position: absolute;
    left: -9999px;
}

#r_box02, #r_box03, #r_box04, #r_box05, #r_box06, #r_box07, #r_box08 {
    display: none;
}

.half_btn {
    width: 125px;
    background: #000;
    border: none;
    float: left;
    color: white;
    height: 35px;
    margin: 5px;
    cursor: pointer;
}

.dt_img {
    float: left;
    padding-left: 30px;
    width: 220px;
    height: auto;
}

/*----------------DESIGN INQUIRY & CHECK-----------------*/

.form_container {
    width: 962px;
    margin: 0 auto;
}

.form_head {
    width: 205px;
    height: 40px;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    background: white;
    line-height: 40px;
    margin-bottom: 5px;
    margin-top: 30px;
    float: left;
}

.form_body {
    width: 962px;
    margin-bottom: 5px;
    float: left
}

.form_foot {
    width: 480px;
    margin-left: 480px;
    float: left;
}

.form_side {
    width: 480px;
    max-height: 470px;
    float: left;
    overflow: hidden;
}

.form_block {
    margin-bottom: 2px;
    background: white;
    padding: 10px 20px;
    float: left;
    width: 440px;
}

    .form_block img {
        margin: 0 138px;
    }

.form_left {
    margin-right: 2px;
}

.form_title {
    font-size: 14px;
    height: 30px;
    display: block;
    float: left;
    font-weight: bold;
    line-height: 30px;
}

.form_block {
}

.inq_table {
    border-collapse: collapse;
    border: none;
    font-size: 12px;
    float: left;
}

    .inq_table tr {
        border-bottom: 14px solid white;
    }

    .inq_table td {
        padding-left: 10px;
    }

.inq_input {
    height: 30px;
    border: none;
    padding-left: 10px;
    line-height: 30px;
    background: #e8e8e8;
    float: left;
}

.long {
    width: 290px;
}

.short {
    width: 90px;
}

.inq_other_info {
    height: 188px;
    width: 430px;
    resize: none;
    border: none;
    padding: 5px;
    line-height: 18px;
    background: #e8e8e8;
    float: left;
    margin-bottom: 20px;
}

.highlight {
    font-weight: bold;
    color: #0960a2;
}

.order_code {
    width: 440px;
    background: #e8e8e8;
    height: 40px;
    line-height: 40px;
    float: left;
    font-size: 14px;
    text-align: center;
}

.form_btn {
    width: 232px;
    height: 40px;
    line-height: 40px;
    text-decoration: none;
    display: block;
    background: black;
    color: white;
    border: none;
    text-align: center;
    float: left;
    font-weight: bold;
    font-size: 14px;
    cursor: pointer;
    margin: 0 4px;
}

.check_table {
    border-collapse: collapse;
    border: none;
    font-size: 12px;
    float: left;
}

    .check_table tr {
        height: 25px;
    }

    .check_table td {
        padding-left: 10px;
    }

.check_dark_row {
    background: #e8e8e8;
}

.check_download {
    width: 420px;
    height: 60px;
    padding: 10px;
    background: #e8e8e8;
    float: left;
    margin-bottom: 22px;
}

.check_download_item {
    display: block;
    height: 30px;
    width: 160px;
    padding-left: 20px;
    line-height: 30px;
    font-size: 12px;
    font-weight: bold;
    color: black;
    text-decoration: none;
    float: left;
    margin: 0 15px;
    background: url(../images/download.png)no-repeat 0px 8px;
}

/*-----------end-------------*/

/*---------------------------DYNAMAX-------------------------------*/

.dy_container {
    width: 960px;
    margin: 0 auto;
    position: relative;
    padding-top: 80px;
    padding-left: 100px;
}

.dy_btn {
    display: block;
    width: 235px;
    margin: 0 0px 30px 35px;
    text-decoration: none;
    color: #242424;
    font-size: 20px;
    font-weight: bold;
    float: left;
    text-align: center;
    line-height: 36px;
}

    .dy_btn:hover {
        text-decoration: underline;
    }


.dm {
    width: 100px;
    text-align: center;
    line-height: 15px;
    font-size: 13px;
    color: #242424;
    text-decoration: none;
    display: block;
    float: left;
    margin: 20px;
    font-weight: bold;
    font-family: Arial,新細明體;
}

    .dm img {
        margin: 0 0 15px 0;
    }

    .dm:hover {
        text-decoration: underline;
    }

.sup {
    width: 1024px;
    margin: 0 0 0 6px;
}

.dy_title {
    color: #242424;
    font-weight: bold;
    margin: 0 0 10px 0;
    border-bottom: 1px solid #242424;
    float: left;
    width: 1024px;
    font-family: Arial,新細明體;
    font-size: 18px;
}

.dy_title_b {
    font-size: 2em;
    margin: 5px 0 0 -15px;
    color: black;
    height: 40px;
    line-height: 40px;
    background: #fff;
    display: block;
    float: left;
    padding: 0 15px;
    font-family: Arial,新細明體;
}

.dy_title_s {
    float: left;
    clear: both;
    margin: 5px 0;
    font-size: 16px;
    font-family: Arial,新細明體;
}


.dy_top {
    width: 1024px;
    float: left;
    margin: 0 0 10px 0;
    border-bottom: 1px solid #242424;
    padding-bottom: 10px;
}


    .dy_top img {
        float: left;
        margin: -100px 0 0 -70px;
    }

.dy_mid {
    width: 1024px;
    float: left;
    margin: 0 0 10px 0;
    border-bottom: 1px solid #242424;
    padding-bottom: 10px;
}

    .dy_mid img {
        float: left;
        margin: 5px 0;
    }

.mid_left {
    width: 700px;
    float: left;
}


.mid_right {
    max-width: 250px;
    float: left;
    margin: 0 0 0 -50px;
}


.dy_foot {
    width: 980`1px;
    float: left;
    font-size: 16px;
    font-family: Arial,新細明體;
}

    .dy_foot input {
        width: 100px;
        height: 40px;
        border-radius: 3px;
        float: right;
        cursor: pointer;
        box-shadow: 0 1px 3px rgba(0,0,0,0.5);
        background: #242424;
        border: 1px solid #000;
        color: #fff;
        font-size: 16px;
        font-family: Arial,新細明體;
    }

        .dy_foot input:hover, .dy_back:hover {
            box-shadow: 0 1px 3px rgba(0,0,0,0);
        }

.dy_row {
    width: 700px;
    float: left;
    color: #242424;
    font-size: 16px;
    font-family: Arial,新細明體;
}

    .dy_row p {
        height: 30px;
        line-height: 30px;
        float: left;
        width: 250px;
    }

.dy_input_block {
    float: left;
    font-family: Arial,新細明體;
}

.dy_input {
    width: 50px;
    border: 1px solid #1466a5;
    border-radius: 2px;
    height: 20px;
    margin: 5px 0;
    padding-left: 5px;
}

.dy_back {
    width: 100px;
    height: 38px;
    line-height: 40px;
    color: black;
    text-align: center;
    text-decoration: none;
    border-radius: 3px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.5);
    float: right;
    cursor: pointer;
    margin-right: 20px;
    background: #242424;
    border: 1px solid #000;
    color: white;
    font-size: 16px;
    font-family: Arial,新細明體;
}


/*-----------end-------------*/

/*-----------product-------------*/

.pro_container {
    text-align: left;
    width: 1024px;
    position: relative;
    margin: 0 auto;
    overflow: hidden;
}



.proname_main {
    font-size: 24px;
    color: #252525;
    width: 300px;
    padding: 0;
    margin: 0;
    font-family: Arial,新細明體;
}

.proname_sec {
    font-size: 15px;
    color: #5f5f5f;
    margin: 0 0 10px 5px;
    width: 250px;
    font-family: Arial,新細明體;
}

.pro_menu_container {
    position: absolute;
    top: 55px;
    left: 30px;
}


.pro_pic {
    position: absolute;
    top: 90px;
    left: 264px;
    width: 390px;
    height: auto;
}

.pro_pic1 {
    position: absolute;
    top: 152px;
    left: 275px;
    width: 400px;
    height: auto;
}

.pro_pic2 {
    position: absolute;
    top: 150px;
    left: 264px;
    width: 420px;
    height: auto;
}

.pro_pic3 {
    position: absolute;
    top: 90px;
    left: 320px;
    width: auto;
    height: auto;
}

.pro_pic4 {
    position: absolute;
    top: 103px;
    left: 301px;
    width: 325px;
    height: auto;
}


.pro_pic5 {
    position: absolute;
    top: 90px;
    left: 264px;
    width: 440px;
    height: auto;
}


.pro_pic6 {
    position: absolute;
    top: 105px;
    left: 264px;
    width: 420px;
    height: auto;
}


.pro_pic7 {
    position: absolute;
    top: 96px;
    left: 252px;
    width: 440px;
    height: auto;
}

.pro_pic8 {
    position: absolute;
    top: 90px;
    left: 440px;
    width: 300px;
    height: auto;
}

.pro_pic9 {
    position: absolute;
    top: 65px;
    left: 180px;
}


.pro_pic10 {
    position: absolute;
    top: 150px;
    left: 264px;
}


.pro_pic11 {
    position: absolute;
    top: 116px;
    left: 292px;
}

.pro_pic12 {
    position: absolute;
    top: 88px;
    left: 319px;
}

.pro_pic_AB {
    position: absolute;
    top: 103px;
    left: 150px;
    width: auto;
    height: 370px;
}

.pro_pic_ABR {
    position: absolute;
    top: 90px;
    left: 150px;
    width: auto;
    height: 370px;
}

.pro_pic2018 {
    position: absolute;
    top: 120px;
    left: 450px;
    width: 300px;
    height: auto;
}

.pro_pic2018_90 {
    position: absolute;
    top: 120px;
    left: 450px;
    width: auto;
    height: 350px;
}


.pro_menu {
    width: 185px;
    float: left;
    text-transform: uppercase;
}

.pro_menu_ro {
    width: 210px;
    float: left;
    text-transform: uppercase;
}

    .pro_menu_ro .pro_menu_item, .pro_menu_ro .btl, .pro_menu_ro pro_menu_selected {
        width: 150px;
        height: 35px;
        line-height: 35px;
        text-decoration: none;
        font-weight: bold;
        display: block;
        font-family: Arial,新細明體;
        padding: 0 0 0 20px;
        margin: 2px;
        float: left;
    }

.pro_menu_item, .btl, .pro_menu_selected {
    width: 165px;
    height: 35px;
    line-height: 35px;
    text-decoration: none;
    display: block;
    font-family: Arial,新細明體;
    font-size: 16px;
    font-weight: bold;
    padding: 0 0 0 20px;
    margin: 2px;
    float: left;
}

.pro_menu_item {
    background-color: #fff;
    color: black;
}

.pro_menu_selected {
    background-color: #000;
    color: white;
}

.pro_menu_item:hover {
    background: #000;
    color: white;
}

.btl {
    background: #fff url(../images/lan_icon.png) no-repeat 145px 12px;
    color: black;
}

    .btl:hover {
        background: #000 url(../images/lan_icon_2.png) no-repeat 145px 12px;
        color: white;
    }

.pro_menu_ro .btl {
    background: #fff url(../images/lan_icon.png) no-repeat 145px 12px;
    color: black;
}

    .pro_menu_ro .btl:hover {
        background: #000 url(../images/lan_icon_2.png) no-repeat 145px 12px;
        color: white;
    }


.pro_fe {
    width: 100px;
    height: 142px;
    color: white;
    background: #242424;
    position: absolute;
    right: 0;
    top: 50px;
    cursor: pointer;
}

.pro_fe_text {
    width: 80px;
    ;
    border-top: 2px solid #f1f1f1;
    font-size: 1.5em;
    font-weight: bold;
    line-height: 18px;
    padding: 10px;
    margin-top: 5px;
}

.overview {
    width: 270px;
    position: absolute;
    top: 50px;
    right: 25px;
    font-size: 12px;
    line-height: 19px;
    font-family: Arial,新細明體;
}



.over_block {
    background: #fff;
    margin-bottom: 5px;
    padding: 10px 15px;
    text-align: left;
    font-size: 15px;
    font-family: Arial,新細明體;
}


.title {
    font-size: 24px;
    color: #2881b3;
    font-weight: bold;
    margin-bottom: 5px;
    font-family: Arial,新細明體;
}

.overview ul {
    width: 220px;
    margin-left: 20px;
}


.close_b {
    cursor: pointer;
    width: 40px;
    height: 0px;
    position: absolute;
    top: 0px;
    right: -60px;
    background: #000 url(../images/cross_w.png) no-repeat 12px 12px;
}



.specpaper {
    position: absolute;
    background: #fff;
    width: 750px;
    z-index: 999;
    top: 100%;
    right: 10px;
    padding: 0 15px;
    margin-top: 30px;
}

#guts {
    width: 760px;
    margin: 2% auto;
    overflow: auto;
    height: 90%;
}

.guts_robot .ro_guts_title {
    width: 100%;
    line-height: 25px;
    font-size: 16px;
    font-weight: bold;
    height: 25px;
    display: block;
    color: white;
    background: black;
    text-align: center;
    text-transform: uppercase;
    margin: 0;
    font-family: Arial,新細明體;
}

.guts_robot .ro_guts_sec_title {
    width: 100%;
    line-height: 25px;
    font-size: 16px;
    font-weight: bold;
    height: 25px;
    display: block;
    color: black;
    background: white;
    text-align: left;
    text-transform: uppercase;
    margin: 0;
    font-family: Arial,新細明體;
}

.guts_robot img {
    width: 700px;
}

.guts_robot p {
    width: 600px;
    margin: 0 50px;
    text-align: justify;
    font-family: Arial,新細明體;
    font-size: 14px;
}

.ro_fe {
    width: 185px;
    float: left;
    margin: 5px 20px;
    height: 300px;
}

    .ro_fe p {
        width: 185px;
        text-align: justify;
        margin: 0;
    }

    .ro_fe img {
        width: 185px;
    }

.jspContainer {
    overflow: hidden;
    position: relative;
}

    .jspContainer:focus {
        border: none;
    }

.jspPane {
    position: absolute;
}

.jspVerticalBar {
    position: absolute;
    top: 0;
    right: 0;
    width: 16px;
    height: 100%;
    background: #000;
}

.jspHorizontalBar {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 16px;
    background: #000;
}

    .jspVerticalBar *,
    .jspHorizontalBar * {
        margin: 0;
        padding: 0;
    }

.jspCap {
    display: none;
}

.jspHorizontalBar .jspCap {
    float: left;
}

.jspTrack {
    background: #e8e8e8;
    position: relative;
}

.jspDrag {
    background: #000 url(../images/arrow_up.png) no-repeat 0 5px;
    position: relative;
    top: 0;
    left: 0;
    cursor: pointer;
}

    .jspDrag:before {
        content: ".";
        width: 20px;
        height: 20px;
        display: block;
        position: absolute;
        float: left;
        left: 0;
        bottom: 0;
        z-index: 20;
        background: url(../images/arrow_down.png) no-repeat;
    }

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag {
    float: left;
    height: 100%;
}

.jspArrow {
    background: #50506d;
    text-indent: -20000px;
    display: block;
    cursor: pointer;
}

    .jspArrow.jspDisabled {
        cursor: default;
        background: #000000;
    }

.jspVerticalBar .jspArrow {
    height: 16px;
}

.jspHorizontalBar .jspArrow {
    width: 16px;
    float: left;
    height: 100%;
}

.jspVerticalBar .jspArrow:focus {
    outline: none;
}

.jspCorner {
    background: #eeeef4;
    float: left;
    height: 100%;
}




.pro_bg {
    position: fixed;
    top: 0;
    left: 0;
    z-index: -99;
    background: #f1f1f1 url(../images/pro_bg.png);
    width: 100%;
    height: 100%;
}

.textWrapper {
    font-weight: 200;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: red;
    padding-left: 0.5rem;
    display: inline;
}

    .textWrapper .NewProletter {
        display: inline-block;
        line-height: 1em;
    }


.pro_picGL1 {
    position: absolute;
    top: 450px;
    width: 150px;
    left: 320px;
    height: auto;
}

.pro_picGL2 {
    position: absolute;
    top: 450px;
    width: 150px;
    left: 500px;
    height: auto;
}

.pro_picGL3 {
    position: absolute;
    top: 450px;
    width: 150px;
    left: 675px;
    height: auto;
}

/*--------product menu------------*/

.pro_face_container {
    width: 1020px;
    margin: 0 auto;
}


.pro_face_block2 {
    height: 250px;
    width: 200px;
    display: block;
    float: left;
    margin: 90px 0 0 95px;
}

.pro_face_block {
    height: 345px;
    width: 230px;
    display: block;
    float: left;
    margin: 147px 5px 0 15px;
}

.pro_face_pic {
    width: 240px;
    height: 260px;
    background: #fff;
    float: left;
    margin-bottom: 5px;
    margin-top: -36px
}

    .pro_face_pic img {
        margin-top: 65px;
        margin-left: 9px;
        float: left;
    }

.pro_face_pic2 {
    width: 240px;
    height: 260px;
    background: #fff;
    float: left;
    margin-bottom: 5px;
    margin-top: -36px
}

    .pro_face_pic2 img {
        margin-top: 35px;
        margin-left: -27px;
        float: left;
    }


.pro_face_pic3 {
    width: 240px;
    height: 260px;
    background: #fff;
    float: left;
    margin-bottom: 5px;
    margin-top: -36px
}

    .pro_face_pic3 img {
        margin-top: 30px;
        margin-left: -10px;
        float: left;
    }



.pro_face_pic4 {
    width: 250px;
    height: 170px;
    background: #fff;
    float: left;
    margin-bottom: 5px;
    margin-top: -36px
}

    .pro_face_pic4 img {
        margin-top: 59px;
        margin-left: -13px;
        float: left;
    }

.pro_face_pic5 {
    width: 250px;
    height: 170px;
    background: #fff;
    float: left;
    margin-bottom: 5px;
    margin-top: -40px
}

    .pro_face_pic5 img {
        margin-top: 43px;
        margin-left: -50px;
        float: left;
    }

.pro_face_pic6 {
    width: 240px;
    height: 260px;
    background: #fff;
    float: left;
    margin-bottom: 5px;
    margin-top: -36px
}

    .pro_face_pic6 img {
        margin-top: 100px;
        margin-left: 10px;
        float: left;
    }


.pro_face_pic7 {
    width: 240px;
    height: 260px;
    background: #fff;
    float: left;
    margin-bottom: 5px;
    margin-top: -36px
}

    .pro_face_pic7 img {
        margin-top: 30px;
        margin-left: 10px;
        float: left;
    }

.pro_face_name {
    height: 35px;
    background: #004071;
    color: white;
    line-height: 20px;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    float: left;
    width: 240px;
    font-family: Arial,新細明體;
    margin: -4px 0 0 0;
    padding-top: 15px;
}


.pro_face_name2 {
    height: 43px;
    background: #242424;
    color: white;
    line-height: 40px;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    float: left;
    width: 230px;
    font-family: Arial,新細明體;
    margin: 60px 0 0 0;
    padding-top: 3px;
}


.pro_face_name3 {
    height: 43px;
    background: #242424;
    color: white;
    line-height: 40px;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    float: left;
    width: 230px;
    font-family: Arial,新細明體;
    margin: 65px 0 0 0;
    padding-top: 3px;
}




/*-------------
pro feature
------------*/

.pro_fe_container {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.pro_features {
    width: 1024px;
    margin: 0 auto;
}

.pro_fe_title {
    font-size: 3em;
    font-family: Arial,新細明體;
    padding-top: 44px;
}

.pro_fe_list {
    font-size: 1.2em;
    font-weight: bold;
    margin: 0 0 0 60px;
    float: left;
    width: 190px;
    font-family: Arial,新細明體;
}

    .pro_fe_list li {
        width: 190px;
        background: white;
        min-height: 30px;
        line-height: 24px;
        margin-top: 5px;
        margin-bottom: 5px;
        padding-left: 10px;
        cursor: pointer;
        display: block;
        font-size: 18px;
        font-family: Arial,新細明體;
    }

        .pro_fe_list li:hover, .pro_fe_list_tu li:hover {
            background: #f1f1f1;
        }

.pro_fe_list_tu {
    font-size: 1.2em;
    font-weight: bold;
    top: 80px;
    right: 30px;
    float: left;
    width: 190px;
    position: absolute;
    display: none;
}

    .pro_fe_list_tu li {
        width: 190px;
        background: white;
        min-height: 30px;
        line-height: 30px;
        margin-top: 5px;
        margin-bottom: 5px;
        padding-left: 10px;
        cursor: pointer;
        display: block;
    }


.li_left {
    margin-left: 30px;
}

.pro_fe_con {
    background: url(../images/fe_gear.png) no-repeat;
    width: 480px;
    height: 450px;
    float: left;
    margin: -70px 0 0 90px;
}


.pro_fe_con_rack {
    background: url(../images/ComingSoon.gif) no-repeat;
    width: 200px;
    height: 230px;
    float: left;
    margin: -10px 0 0 195px;
}



.pro_fe_con_tu {
    background: url(../images/fe_tur.png) no-repeat;
    width: 410px;
    height: 385px;
    float: left;
    margin: -9px 0 0 195px;
}


.pro_fe_con_ro {
    background: url(../images/fe_ro.png) no-repeat;
    width: 480px;
    height: 450px;
    float: left;
    margin: -1px 0 0 90px;
}

.pin_block {
    width: 510px;
    height: 425px;
    float: left;
    background: url(../images/pin_bg.jpg) no-repeat center;
    position: relative;
}



.pin_board01 {
    position: relative;
}

.pin_board02, .pin_board03, .pin_board04, .pin_board05, .pin_board06, .pin_board07, .pin_board08, .pin_board09, .pin_board10 {
    display: none;
    position: relative;
}

.pin {
    background: url(../images/pin.png);
    width: 36px;
    height: 36px;
    display: block;
    position: absolute;
    z-index: 10;
}

.xxpin {
    background: url(../images/xxpin.png);
    width: 121px;
    height: 127px;
    display: block;
    position: absolute;
    z-index: 10;
}

.xx1 {
    background: url(../images/xx1.png);
    width: 164px;
    height: 155px;
    display: block;
    position: absolute;
    z-index: 10;
}


.xx2 {
    background: url(../images/xx2.png);
    width: 202px;
    height: 196px;
    display: block;
    position: absolute;
    z-index: 10;
}


.xx3 {
    background: url(../images/xx3.png);
    width: 136px;
    height: 110px;
    display: block;
    position: absolute;
    z-index: 10;
}


.xx4 {
    background: url(../images/xx4.jpg);
    width: 153px;
    height: 111px;
    display: block;
    position: absolute;
    z-index: 10;
}

.xx5 {
    background: url(../images/xx5.png);
    width: 150px;
    height: 111px;
    display: block;
    position: absolute;
    z-index: 10;
}


.xx6 {
    background: url(../images/xx6.png);
    width: 317px;
    height: 268px;
    display: block;
    position: absolute;
    z-index: 10;
}


.xx7 {
    background: url(../images/xx7.jpg);
    width: 81px;
    height: 104px;
    display: block;
    position: absolute;
    z-index: 10;
}

.xx8 {
    background: url(../images/xx8.png);
    width: 151px;
    height: 106px;
    display: block;
    position: absolute;
    z-index: 10;
}

.xx9 {
    background: url(../images/xx9.jpg);
    width: 154px;
    height: 154px;
    display: block;
    position: absolute;
    z-index: 10;
}

.pin_a {
    left: 204px;
    top: 260px;
}

.pin_b {
    left: 146px;
    top: 125px;
}

.pin_c, .pin_r {
    left: 276px;
    top: 186px;
}

.pin_d {
    left: 238px;
    top: 292px;
}

.pin_e {
    left: 354px;
    top: 124px;
}

.pin_f {
    left: 306px;
    top: 168px;
}

.pin_g {
    left: 208px;
    top: 150px;
}


.pin_h {
    left: 264px;
    top: 222px;
}


.pin_i {
    left: 86px;
    top: 204px;
}


.pin_j {
    left: 324px;
    top: 240px;
}


.pin_k {
    left: 348px;
    top: 186px;
}


.pin_l {
    left: 418px;
    top: 254px;
}


.pin_m {
    left: 130px;
    top: 182px;
}


.pin_n {
    left: 322px;
    top: 208px;
}


.pin_o {
    left: 86px;
    top: 248px;
}

.pin_p {
    left: 146px;
    top: 230px;
}

.pin_q {
    left: 256px;
    top: 294px;
}


.pin_s {
    left: 304px;
    top: 87px;
}

.pin_t {
    left: 460px;
    top: 150px;
}

.pin_u {
    left: 5px;
    top: 122px;
}

.pin_v {
    left: 376px;
    top: 230px;
}

.pin_w {
    left: 378px;
    top: 12px;
}

.pin_x {
    left: 298px;
    top: 241px;
}

.pin_y {
    left: 193px;
    top: 172px;
}

.pin_z {
    left: 270px;
    top: 54px;
}


.pin_a1 {
    left: -150px;
    top: -40px;
}

.pin_b1 {
    left: -126px;
    top: 230px;
}

.pin_c1 {
    left: 300px;
    top: 120px;
}


.pin_d1 {
    left: 330px;
    top: 120px;
}

.pin_e1 {
    left: -138px;
    top: 238px;
}


.pin_f1 {
    left: 1450px;
    top: 230px;
}


.pin_g1 {
    left: 72px;
    top: 85px;
}


.pin_h1 {
    left: 53px;
    top: 132px;
}

.pin_i1 {
    left: 395px;
    top: 89px;
}

.pin_j1 {
    left: 287px;
    top: 177px;
}

.pin_k1 {
    left: 174px;
    top: 75px;
}


.pin_l1 {
    left: 210px;
    top: 120px;
}

.pin_m1 {
    left: 190px;
    top: 112px;
}


.pin_n1 {
    left: 72px;
    top: 87px;
}


.tip_title {
    font-size: 1.5em;
    font-weight: bold;
    margin-bottom: 5px;
}


.pro_s_list {
    width: 1000px;
    margin: 0 auto;
}

.pro_s_list_item {
    height: 130px;
    width: 180px;
    display: block;
    text-decoration: none;
    color: white;
    float: left;
    margin: 0 10px;
    position: relative;
}

.pro_s_list_name {
    background: #242424;
    height: 20px;
    padding: 0 10px;
    font-size: 14px;
    line-height: 20px;
    margin-top: 0px;
    float: left;
    position: relative;
    z-index: 99;
}

.pro_s_list_img {
    background: white;
    height: 110px;
    width: 180px;
}

    .pro_s_list_img img {
        z-index: 2;
        width: 114px;
        height: 98;
        margin: 6px 0 0 33px;
    }

.pro_s_hover {
    position: absolute;
    width: 168px;
    height: 98px;
    background-image: url(../images/lower_navi_bg.png);
    padding-top: 0px;
    top: 6px;
    left: 6px;
    display: none;
}



.pro_view_list {
    font-size: 18px;
    font-weight: bold;
    font-family: Arial,新細明體;
    height: 40px;
    width: 130px;
    position: absolute;
    top: 520px;
    left: 50%;
    line-height: 40px;
    margin-left: -75px;
    background: #000 url(../images/arrow_down.png) no-repeat 120px 13px;
    cursor: pointer;
    color: white;
    padding: 0 0 0 10px
}

    .pro_view_list:hover {
        background-color: #404040;
    }

/*------------contact-------------------*/

.con_bg {
    background: url(../images/pro_bg.png) #f1f1f1;
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: -5;
    top: 0;
}

.contact_dock {
    width: 960px;
    height: 600px;
    background: white;
    margin: 30px auto;
    font-weight: bold;
    position: relative;
}

.contact_title h2 {
    font-size: 36px;
    font-family: Arial Black;
    margin-left: 50px;
    padding-top: 10px;
}

.contact_title p {
    line-height: 24px;
    font-size: 14px;
    margin: 0 0 0 55px;
}

.textarea {
    background: #f6f6f6;
    box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
    border: 1px solid #bebebe;
    border-radius: 3px;
    padding-left: 10px;
    margin: -10px 0 24px 0;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 30px;
    width: 414px;
    height: 100px;
    resize: none;
    margin: 0 auto;
}

.con_local {
    position: absolute;
    cursor: pointer;
    height: 30px;
    top: 0;
    right: 115px;
    line-height: 30px;
    color: #272727;
    padding: 0 20px 0 40px;
    background: url(../images/ex_icon-02.png) no-repeat 10px 7px;
    text-align: left;
    border-bottom: 1px solid #e8e8e8;
    border-left: 1px solid #e8e8e8;
    font-weight: bold;
}

    .con_local:hover, . :hover {
        background-color: #e8e8e8;
    }

.con_world {
    display: white;
    text-decoration: none;
    position: absolute;
    cursor: pointer;
    height: 30px;
    top: 0;
    right: 55px;
    line-height: 30px;
    color: #ffffff;
    padding: 0 20px 0 30px;
    text-align: left;
    border-bottom: 1px solid #e8e8e8;
    border-left: 1px solid #e8e8e8;
    border-right: 1px solid #e8e8e8;
    font-weight: bold;
    font-size: 16px;
    background-color: #32426D;
    font-family: Arial,新細明體;
    margin: 12px 0 0 0;
}


.con_world2 {
    display: white;
    text-decoration: none;
    position: absolute;
    cursor: pointer;
    width: 100px;
    height: 38px;
    top: 0px;
    right: 55px;
    line-height: 40px;
    padding: 0px 20px 0 30px;
    text-align: center;
    border-bottom: 1px solid #e8e8e8;
    border-left: 1px solid #e8e8e8;
    border-right: 1px solid #e8e8e8;
    font-weight: bold;
    font-size: 2em;
    background-color: #32426D;
    font-family: Arial,新細明體;
    margin: 27px 0 0 0;
}




.check_group {
    float: left;
    font-size: 14px;
    color: #AAA;
    line-height: 30px;
    margin: 0 0 24px 0;
}


.send {
    width: 100px;
    height: 40px;
    color: black;
    background: #EDECE9;
    font-weight: bold;
    border: none;
    border-radius: 3px;
    float: right;
    margin: 10px 370px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.3);
    font-size: 16px;
}

    .send:hover {
        box-shadow: none;
    }

/*---------exhibition-----------*/

.exi_container {
    width: 900px;
    padding: 30px 0 0 150px;
    margin: 0 auto;
    font-family: Arial,新細明體;
}

/* exi_container2 by D01471*/
.exi_container2 {
    width: 980px;
    padding: 30px 0 0 140px;
    margin: 0 auto;
}



.exi_box {
    width: 750px;
    float: left;
    overflow: auto;
}

/*------
.exi_table{
    width:960px;
    background:white;
    font-size:12px;
    text-align:center;
}

.exi_table tr{
    height:35px;
}

.exi_table td{
    height:35px;
    line-height:30px;
    border-bottom:1px dotted #e8e8e8;
}

.date_bar{
    background:#242424;
	font-size:1.5em;
	color: white;
    font-family:Arial,新細明體;
       
}

.date_bar td{
    border-bottom:1px solid white;
     padding-left:10px;
}

.dark_bar{
    background:#242424;
    color: white;
    font-weight:bold;
}

.dark_bar td{
    border-bottom:1px solid white;
}

.light_block{
    background:#f2f2f2;

}

.exi_table .exi_foot {
    height:15px;
}

.exi_foot td{
    height:15px;
    border:none;
}

.qr_block, .closed{
	color:#2d87bf;
    cursor:pointer;
    position:relative
}

.qr_block:hover, .closed:hover{
    text-decoration:underline;
}

---*/

.exi_block {
    width: 950px;
    min-height: 185px;
    background: #fff;
    float: left;
    padding-bottom: 5px;
    margin-bottom: 10px;
}

.exi_head {
    width: 930px;
    height: 40px;
    line-height: 40px;
    background: #242424;
    color: white;
    font-size: 24px;
    font-family: Arial,新細明體;
    padding-left: 20px;
    float: left;
    text-transform: uppercase;
    font-family: Arial,新細明體;
}

.exi_title {
    min-height: 40px;
    line-height: 40px;
    width: 800px;
    float: left;
    padding-left: 20px;
    font-size: 20px;
    font-family: Arial,新細明體;
}

.exi_loc, .exi_date, .exi_booth {
    min-height: 30px;
    line-height: 30px;
    width: 775px;
    float: left;
    padding-left: 45px;
    font-size: 18px;
    font-family: Arial,新細明體;
}

    .exi_loc span, .exi_date span, .exi_booth span {
        font-weight: bold;
    }

.exi_loc {
    background: url(../images/ex_icon-loc.png) no-repeat 20px 7px;
}

.exi_date {
    background: url(../images/ex_icon-date.png) no-repeat 20px 7px;
}

.exi_booth {
    background: url(../images/ex_icon-booth.png) no-repeat 20px 7px;
}


.exi_left {
    width: 820px;
    float: left;
}

.qr_code {
    width: 100px;
    height: 100px;
    padding: 5px;
    float: left;
    background: #d4d4d4;
    margin: 20px 0 0 -220px;
}

    .qr_code img {
        width: 100px;
        height: 100px;
    }

/*----------------news-----------------*/

.news_period {
    width: 200px;
    min-height: 400px;
    float: left;
}

.news_year {
    width: 200px;
    height: 35px;
    display: block;
    color: white;
    line-height: 35px;
    font-weight: bold;
    font-size: 18px;
    text-align: center;
    background: #242424;
    border: 1px solid #000;
    text-decoration: none;
}


.news_section {
    float: left;
    margin-left: 10px;
    width: 688px;
    padding: 15px 40px 15px 20px;
    border: 1px solid #d4d4d4;
    height: 100%;
    background: #fff;
    overflow: auto;
    font-family: Arial,新細明體;
}

.news_block {
    width: 688px;
    padding-bottom: 15px;
    margin-bottom: 10px;
    border-bottom: 1px solid #d4d4d4;
    float: left;
    text-decoration: none;
    display: block;
}

    .news_block:hover {
        opacity: 0.7;
        filter: alpha(opacity=70);
    }

.news_title {
    font-size: 18px;
    font-weight: bold;
    float: left;
    width: 688px;
    margin-bottom: 5px;
    margin-left: 30px;
    color: black;
    font-family: Arial,新細明體;
}

.news_preview {
    display: block;
    float: left;
    height: 60px;
    width: 688px;
    line-height: 24px;
    font-size: 18px;
    color: black;
    text-align: justify;
    font-family: Arial,新細明體;
}

.news_date {
    float: left;
    font-size: 14px;
    color: #888;
    font-weight: bold;
    margin: 20px 0 0 0;
    font-family: Arial,新細明體;
}

.news_more {
    float: right;
    color: black;
    font-weight: bold;
    font-size: 14px;
    font-family: Arial,新細明體;
}

#news_ajax {
    width: 688px;
    padding: 15px 40px 15px 10px;
    overflow: auto;
}


.news_content {
    width: 688px;
    text-align: justify;
    float: left;
    font-size: 12px;
    line-height: 21px;
}

.newspaper {
    position: absolute;
    background: #fff;
    width: 738px;
    z-index: 999;
    top: 100%;
    left: 50%;
    margin-left: -369px;
    padding: 0 0 0 0;
    border: 1px solid #d4d4d4;
    display: none;
}

.kf_s {
    margin: 500px 500px;
    color: #004071;
    font-size: 18px;
    font-family: Arial, 新細明體;
    width: inherit;
}

.AE_s {
    margin: 500px 410px;
    color: #004071;
    font-size: 18px;
    font-family: Arial, 新細明體;
    width: inherit;
}

.AES_s {
    margin: 500px 440px;
    color: #004071;
    font-size: 18px;
    font-family: Arial, 新細明體;
    width: inherit;
}

.AHK_s {
    margin: 510px 560px;
    color: #004071;
    font-size: 18px;
    font-family: Arial, 新細明體;
    width: inherit;
}

.GL_s {
    margin: 670px 410px;
    color: #004071;
    font-size: 18px;
    font-family: Arial, 新細明體;
    width: inherit;
}


h2, h3, p, li, ul, object {
    padding: 0;
    margin: 0;
    border: 0;
}

.Rack_main {
    width: 610px;
    margin-left: 603px;
    margin-top: -390px;
    font-size: 16px;
    font-weight: bold;
}

.Lubrication_main {
    width: 610px;
    margin-left: 480px;
    margin-top: -300px;
    font-size: 16px;
    font-weight: bold;
}

.Lubrication_overview {
    width: 270px;
    position: absolute;
    top: 150px;
    right: 30px;
    font-size: 12px;
    line-height: 19px;
    font-family: Arial,新細明體;
}

.Patented_style {
    color: Red;
    font-family: Arial,新細明體;
    /*font-size: 2em;
padding: 136px 10px 20px 50px;
left: 100px;
position: absolute;*/
}

/********** Video list thumbnails *************/

.video-list-thumbs {
}

    .video-list-thumbs > li {
        margin-bottom: 12px;
    }

        .video-list-thumbs > li:last-child {
        }

        .video-list-thumbs > li > a {
            display: block;
            position: relative;
            background-color: #111;
            color: #fff;
            padding: 8px;
            border-radius: 3px;
            transition: all 500ms ease-in-out;
            border-radius: 4px;
        }

            .video-list-thumbs > li > a:hover {
                box-shadow: 0 2px 5px rgba(0,0,0,.3);
                text-decoration: none;
            }

    .video-list-thumbs h2 {
        bottom: 0;
        font-size: 14px;
        height: 50px;
        margin: 8px 0 0;
    }

    .video-list-thumbs .glyphicon-play-circle {
        font-size: 60px;
        opacity: 0.6;
        position: absolute;
        right: 39%;
        top: 31%;
        text-shadow: 0 1px 3px rgba(0,0,0,.5);
        transition: all 500ms ease-in-out;
    }

    .video-list-thumbs > li > a:hover .glyphicon-play-circle {
        color: #fff;
        opacity: 1;
        text-shadow: 0 1px 3px rgba(0,0,0,.8);
    }

    .video-list-thumbs .duration {
        background-color: rgba(0, 0, 0, 0.4);
        border-radius: 2px;
        color: #fff;
        font-size: 11px;
        font-weight: bold;
        left: 12px;
        line-height: 13px;
        padding: 2px 3px 1px;
        position: absolute;
        top: 12px;
        transition: all 500ms ease;
    }

    .video-list-thumbs > li > a:hover .duration {
        background-color: #000;
    }

@media (min-width:320px) and (max-width: 480px) {
    .video-list-thumbs .glyphicon-play-circle {
        font-size: 35px;
        right: 36%;
        top: 27%;
    }

    .video-list-thumbs h2 {
        bottom: 0;
        font-size: 12px;
        height: 22px;
        margin: 8px 0 0;
    }
}